body,
html {
    overflow-x: hidden;
    /* Убирает горизонтальную прокрутку */
}

main {
    padding: 0 20px;
}

table {
    width: 100%;
    table-layout: fixed;
    min-width: 670px;
}

th,
td {
    border: 1px solid black;
    padding: 0.5rem;
}

button[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body{
    font-family: 'Ubuntu Sans', sans-serif !important;
    color: black;
    font-style: normal !important;
}
.contacts_img {
    padding-top: 30px;
}

.form-select {
    border-radius: 0%;
    border-color: black !important;
    font-family: "Jost", sans-serif;
    box-shadow: none !important;
}

.form-select:hover {
    cursor: pointer;
}


.font {
    font-family: "Nunito Sans", serif  !important;
    color: black;
}


.font-m {
    font-size: 20px;
}

.form-btn {
    padding: 0%;
    border-radius: 0%;
}

.btn {
    padding: 0%;
    border: none;
    border-radius: 0;
}

.btn:hover {
    border: solid 0% transparent;
}

.text-underline {
    text-decoration: underline;
    text-decoration-color: black !important;
}

.custom-text-underline {
    text-decoration: underline !important;
    padding-bottom: 2px;
    text-decoration-color: black !important;
}

.input-buttons {
    width: auto;
    padding: 5px 20px 5px 20px;
    border-width: 1px;
    color: black;
    font-size: small;
    background-color: #fff !important; 
    border: 1px solid black !important;
}


.no-rounded {
    border-radius: 0;
    border-color: black;
}

.custom-input {
    height: 7vw;
}

.form-height,
.input-hight {
    height: 3vw;
    min-height: 40px;
    /* Добавляем минимальную высоту */
}

.custom-input,
.input-massage {
    height: 7vw;
    min-height: 40px;
    /* Добавляем минимальную высоту */
}

.btn-form-end {
    float: right;
}


.font-weight-bold {
    font-weight: 500;
}

.form-height {
    height: 3vw;
}

.img-17 {
    float: right;
}


@media (max-width: 767px) {
    .input-hight {
        height: 5vw;
        min-height: 40px;
        /* Сохраняем минимальную высоту для мобильных */
    }

    .input-massage {
        height: 15vw;
        min-height: 40px;
        /* Сохраняем минимальную высоту для мобильных */
    }

    .input-buttons {
        width: auto;
        font-size: small;
    }
}

@media (max-width: 480px) {
    main {
        padding: 0 5px;
    }
}